.basicData-page {
  // tab栏
  .single-table-con {
    padding: 0px !important;
  }
  .ivu-tabs {
    overflow: visible !important;
  }
  .ivu-tabs-nav-scroll {
    padding-left: 18px !important;
  }
  .ivu-tabs-nav {
    // height: 41px!important;
    line-height: 1 !important;
  }
  .ivu-tabs-bar {
    margin-bottom: 12px !important;
  }
  .ivu-tabs-tab {
    width: 80px;
    font-size: 14px !important;
    color: #666 !important;
    padding: 0 10px 16px !important;
  }
  .ivu-tabs-tab-active {
    color: #f76c4b !important;
  }
  .ivu-tabs-tab:hover {
    color: #f76c4b !important;
  }
  .ivu-tabs-ink-bar {
    background-color: #f76c4b !important;
  }
  // 导入按钮+选项框
  .ivu-form {
    // 导入按钮
    .row-button {
      margin: 10px 0 !important;
      .ivu-col {
        padding-left: 0px !important;
        .ivu-form-item {
          margin-top: 0px !important;
          .ivu-form-item-content {
            margin-left: 0px !important;
            .ivu-btn {
              // width: 90px;
              // height: 34px;
              // padding: 3px 20px !important;
              // background-color: #f76c4b !important;
              // border-color: #f76c4b !important;
              // border-radius: 0;
            }
          }
        }
      }
    }
    // 选项框
    .row-select {
      margin: 10px 0 !important;
      .ivu-col {
        width: 308px !important;
        margin-right: 60px !important;
        .ivu-form-item {
          .ivu-form-item-label {
            // width: 71px !important;
            color: #333 !important;
          }

          .ivu-form-item-content {
            // margin-left: 71px !important;
            .ivu-select-selection {
              border: 1px solid #d8d8d8;
            }
            .ivu-select-placeholder {
              color: #b6b6b6 !important;
              padding-left: 14px !important;
            }
            ::-webkit-input-placeholder {
              color: #b6b6b6 !important;
              padding-left: 8px !important;
            }
          }
          .ivu-select-selected-value {
            color: #333 !important;
            padding-left: 14px !important;
          }
        }
      }
      // .ivu-select {
      //   width: 240px !important;
      // }
      // .ivu-date-picker {
      //   width: 240px !important;
      // }
    }
  }

  // 搜索框的自适应样式-适用于4个搜索框的情况
  // 公共的搜索区域样式
  .ivu-form {
    width: 100%;
    padding: 0 20px 12px !important;
    .ivu-row:nth-child(1) {
      .ivu-form-item-content {
        width: calc(~"100% - 0px") !important;
      }
    }
    .ivu-row:nth-child(2) {
      // margin-bottom: 0px!important;
      .ivu-col {
        padding-left: 0px !important;
        padding-right: 40px !important;
        margin-right: 0px !important;
        .ivu-form-item {
          width: 100%;
          // .ivu-form-item-label {
          //   font-family: PingFangSC-Regular !important;
          //   font-size: 14px !important;
          //   color: #333 !important;
          //   float: left;
          //   width: 68px !important;
          //   height: 34px;
          //   line-height: 16px;
          // }
          .ivu-form-item-content {
            // margin-left: 0px !important;
            // float: right;
            // width: calc(~"100% - 70px");
            // 输入框的情况
            .ivu-input-wrapper {
              width: 100% !important;
            }
            // 下拉框的情况
            .ivu-select {
              width: 100% !important;
            }
            // 时间选择框的情况
            .ivu-date-picker {
              width: 100% !important;
            }
          }
        }
      }
    }
  }
  // ---------根据分辨率改变显示的搜索框个数+按钮位置---------
  // 屏幕宽在1440px以下用该样式
  @media screen and (max-width: 1440px) {
    .ivu-form {
      .ivu-row:nth-child(2) {
        .ivu-col {
          width: 33% !important;
        }
      }
    }
  }
  // 屏幕宽在1440px以上用该样式
  @media screen and (min-width: 1440px) {
    .ivu-form {
      .ivu-row:nth-child(2) {
        .ivu-col {
          width: 25% !important;
        }
      }
    }
  }
}
